<!-- 可用优惠卷-->
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8" />
  <meta name="divport" content="width=device-width,initial-scale=1,user-scalable=no" />
  <meta name="format-detection" content="telephone=no,email=no,date=no,address=no" />
	<title>可用优惠卷</title>
	<link rel="stylesheet" href="../plugin/hhframe/hhframe.min.css" />
	<link rel="stylesheet" href="../style/index.css"/>
	<style>

			.header-bc{
				background-color: #fff;
			}

			.index-header{
				display: flex;
				height: 50px;
				width: 100%;
				justify-content: center;
				align-items: center;
				background-color: #fff;
				color: #000;
				font-size:18px;
			}
			.index-nav{
				display: flex;
				height: 50px;
				width:100%;
				justify-content:space-around;
				align-items: center;
				background-color: #3E3B47;
				color: #FEFEFE;
				font-size: 15px;
			}
			.xiahuaxian-row{
				position:relative;
			}
			.xiahuaxian{
				position: absolute;
				top: -5px;
				left: -7px;
				width: 75px;
				height: 8px;
				float:left;
				border-radius:4px;
				background: linear-gradient(to right, rgba(246,224,166,0.9) ,rgba(196,161,98,0.9));
			}

	</style>
</head>
<body>
	<!-- 标题栏 -->
		<div id="header" class="header-bc framepage">
			<!-- 返回按钮 -->
			<div style="position: absolute;color: #000;line-height: 45px;padding: 0 20px;" onclick="closeWin()">
  				<div style="transform: rotateY(180deg);font-size: 18px;margin-top:5px" class="icon iconfont">&#xe644;</div>
					<!-- <div style="transform: rotateY(180deg);font-size: 20px;font-weight: 600;" class="iconfont iconjiantou"></div> -->
			</div>
			<!-- 标题 -->
			<div class="index-header">
					可用优惠卷
			</div>
		</div>


</body>
<script src="../plugin/jquery.js"></script>
<script src="../plugin/vue.all.js"></script>
<script src="../plugin/hhframe/hhframe.min.js"></script>
<script src="../plugin/public.js"></script>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript">
window.addEventListener("apiready",function(){
  //alert(api.pageParam.id)
	// if( $(".index").length>0 ) index();
	var header = $api.byId('header');
	// 实现沉浸式状态栏效果
	$api.fixStatusBar(header);
	// 计算header元素的高度
	headerH = $api.offset(header).h;
	// 打开FrameGroup
	api.openFrame({
			name: 'available_coupon_frame',
			url: './available_coupon_frame.html',
			rect: {
					x: 0,
					y: headerH,
					w: 'auto',
					h: api.winHeight - headerH
			},
			pageParam: {
					id: api.pageParam.id
			}
	});
	// 监听页面打开
	 api.addEventListener({
			 name: 'viewappear'
	 }, function(ret, err) {
			setTimeout(function() {
				api.setStatusBarStyle({
						style: 'dark'
				});
			}, 250)
	 });
});
</script>
</html>
